
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
</style>
<script>
window.onload = function(){
	var _div = document.getElementsByTagName('div')[0],
		_c	 = document.getElementById('cl'),
		stopBubble = function(e){
			if(e){
				e.stopPropagation();
			}else{
				window.event.cancelBubble = true;
			}
		};
	_div.onclick = function(){
		_c.checked = (_c.checked) ? false : true;

	};
	_c.onclick = function(e){
		stopBubble(e);
	};

};
</script>
</head>
<body>
<div 
	
</div>
<div style="width:500px; height:200px; padding:20px; color:white; background-color:black; ">ffff</div><input type="checkbox" id="cl" value="a" />
<label style="width:130px;height:120px;display:block;background-color:red;"><input type="checkbox" id="mychck" name="c1" value="A" style="display:none;"/>选项1</label>
</body>
</html>
